﻿@charset "utf-8";
/* CSS Document */

body{ font-size:14px; width:1200px; background:url(../images/topbg.jpg) repeat-x #f2f2f2; font-family:"微软雅黑"; color:#000; padding:0; margin:0 auto;}
a{ text-decoration:none;}
ul,li,p,h1,h2,h3,dl,dt,dd{ margin:0; padding:0; list-style:none}
.center{ position:relative; margin:0 auto; width:1200px;}
.header{ }
.menu{}
#banner_id li{ position:relative}
#banner_id li span{ position:absolute; top:-30px}
.clear{ clear:both}
.laiyuan{ border-bottom:#ccc solid 1px; color:#999; margin-bottom:20px; padding-top:10px; padding-bottom:20px; text-align:center}
.biaoti{ text-align:center}
.top_left{ width:240px; float:left; margin-top:15px}
.top_right{ width:188px; padding:14px; background:#fff; border:#ccc solid 1px; float:right; margin-top:15px}
.top_right ul li{ width:100%; padding:5px 0;  border-bottom:#ddd dashed 1px;}.top_right  p{ border-bottom:#ccc dashed 1px; padding-bottom:5px;}
.top_right ul li a{ color:#333;}
#banner  { position:relative;height:272px; float:left;overflow:hidden;background:url(../images/main_top.jpg) no-repeat center bottom;width:710px;margin:0 15px; margin-right:0; margin-top:15px}
#banner .d1 {width:100%; height:272px;display: block; position:absolute;left:0px;}
#banner .d2 {width:100%;left:0;z-index:19;height:22px;background:url(../images/span_bg.png) no-repeat;clear: both; position:absolute;z-index:1;bottom:10px;}
#banner .d2 ul {padding:0px;display:block; background:url(../images/btn.png) no-repeat left;position:absolute; width:100%;text-align:center;}
#banner .d2 li {width:14px;height:14px;overflow: hidden; cursor: pointer;background:rgba(255,255,255,0.9); display:inline-block;margin:0 2px; border-radius:20px}
#banner .d2 li.nuw{background:#C00;}
#banner .d2 li a{ color:#000}
#banner .d2 li h3{ font-weight:normal;}#banner .d2 li p{ font-size:12px; color:#999}
.logo img{ float:left; margin-top:7px}
.logo h2{ color:skyblue; font-size:18px; padding:20px 10px; margin-left:0px; display:inline-block}
.logo { float:left}
.menu{ float:left;  margin:10px 0;margin-left:130px;}.menu li { display:inline-block; padding:10px 10px}
.menu li a{ color:#fff; font-size:16px}
.hf{ position:relative;}
.hf_left{ margin-top:20px; }
.top_left a{ display:block;  padding:10px 10px; margin-bottom:5px; font-size:16px; color:#fff;}.hf_left a:hover{ opacity:0.8}
.bg1{ background:#d36d6d}
.jb{ position:fixed; right:10px; bottom:10px; z-index:55; background:rgba(0,0,0,0.8); display:inline-block; padding:4px 7px; color:#fff;}
.bg2{ background:#83d36d}
.bg3{ background:#9390d6}
.bg4{ background:#74c1d1}
.bg5{ background:#ced174}
.bg6{ background:#d39b7c}
.hf_right{ position:absolute; right:0; width:200px}.hf_right a{ display:inline-block; width:100%; margin-bottom:1px; background:#fff; }
.prolist ul{ margin-left:-10px; margin-right:-10px;}
.prolist li{ padding-bottom:20px; position:relative; background:#fff; text-align:center; width:224px;float:left;margin:10px;}

#listtag{ padding:15px; background:#fff; }
.last a{ color:#0066FF; cursor:pointer;}
.last a:hover{ color:#CC0000}
#aform input{ padding:5px}
#aform input[name=button]{ border:#FF6600 solid 1px; background:#FF6600; padding-left:9px; padding-right:9px; color:#fff;}
.last span:hover{}
#listtag>a,#listtag>span{ background:#fff ; border:#ddd solid 1px; padding:5px 9px; margin:5px 2px; display:inline-block; color:#000; border-radius:3px;}
 #listtag>a.navOn{background: #CC0000;
    border: #CC0000 solid 1px;
    color: #fff;}
#listtag>span{ background:#CC0000; border:#CC0000 solid 1px; color:#fff}
#listtag strong a{  color:#C00}
#listtag>a:hover,#listtag>.on{ background:#C00; border:#C00 solid 1px; color:#fff}
.prolist li  b{ height:20px; overflow:hidden; font-weight:normal; width:100%; display:inline-block; padding:5px 0;  font-size:14px;}
.prolist li em{ font-size:12px; color:#6C9; font-style:normal}
.prolist li a{ color:#000}
.prolist li p,.prolist li p a{ font-size:12px; color:#999}
.prolist li  span{ color:#666; position:relative; padding-top:5px; width:100%; display:inline-block; z-index:4; background:#fff;font-size:12px;}
.prolist li  div{    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; bottom:30px; padding-top:10px; left:0; width:100%; background:#fff; overflow:hidden}
.m{ margin:20px 0; text-align:center}
.m a{ width:100%; display:inline-block; color:#000; background:#fff; padding:10px 0px;}
.m a:hover{ background:#C00; color:#fff;}
.prolist li  span font{  padding-right:15px;}
.red{ color:#F00}
.prolist li p{ padding-bottom: 3px}


.search{ float:right; margin-top:10px;}
.search input[name=q],.search input[name=number]{ width:150px; padding:5px; background:#bbb; border:none}
.button{ background:#bbb; padding:5px; border:none }

.bar{ width:100%; margin-bottom:10px; height:40px; border-bottom:#C00 solid 1px; }
.bar>a{ float:right; background:#C00; padding:5px 10px; margin-top:10px;color:#fff}
.bar h2{ font-weight:normal; float:left; margin-top:10px; margin-right:20px; font-size:18px; }
.bar h2 a{ color:#000;}

.footer{ clear:both; display:inline-block; width:100%; background:#000; margin-top:30px; padding:20px 0; text-align:center; color:#fff; line-height:24px}
.demos1 li{ display:inline-block}
.named{ text-align:center; border-top:#ccc solid 1px; margin-top:20px; padding:20px 0;}
.named p{ color:#999; padding:10px 0; font-size:12px;}
.named h2{ font-weight:normal}
.church dl { width: 382px; margin-top:30px;}
.church dl dt { padding-bottom: 20px; }
.church .knowledge, .church .letters { margin-left: 26px; }
.church .title { overflow: hidden; }
.church .title a.title-a { color: #333; }
.church .title a.title-a:hover { text-decoration: underline; }
.church .title .h3 { font-size:18px; float: left; margin: 0px; padding: 5px 0px; }
.church .title i { float: left; display: block; width: 40px; height: 35px; margin-left: 10px; }
.church .reputation .title i { background: no-repeat url(../images/cover-page-tang-1.png) 0px 5px; }
.church .knowledge .title i { background: no-repeat url(../images/cover-page-tang-2.png) 0px 5px; /*background-image: url(../images/cover-page-tang-2.png);*/ }
.church .letters .title i { background: no-repeat url(../images/cover-page-tang-3.png) 0px 5px; /*background-image: url(../images/cover-page-tang-3.png);*/ }
.church .knowledge .title .more, .church .letters .title .more { width: 50px; height: 24px; margin-top: 5px; font-weight: normal; line-height: 22px; color: #333; text-align: center; border-radius: 3px; }
.church .knowledge .title .more span, .church .letters .title .more span { float: right; padding-right: 8px; background-image: url(../images/trangle-right.png); background-repeat: no-repeat; background-position: right 9px; }
.church .knowledge .title .more:hover span, .church .letters .title .more:hover span { text-decoration: underline; cursor: pointer; }
.church .reputation dd { padding-top: 13px; padding-bottom: 5px; *padding-bottom: 13px;
background-color: #E4F0CA; }
.church .knowledge dd, .church .letters dd { padding-top: 20px; padding-bottom: 20px; }
.church .knowledge dd { background-color: #FAE6D9; }
.church .letters dd { background-color: #D6EEF2; }
.church .knowledge dd b a, .church .letters dd b a { float: left; width: 100%; font-size: 12px; font-weight: normal; line-height: 27px; color: #333; text-indent: 33px; background-image: url(../images/cover-page-point.png); background-repeat: no-repeat; background-position: 23px center; }
.church .reputation .template-community { width: 83px; margin-top: 20px; margin-left: 33px; padding-top: 95px; padding-bottom: 22px; color: #333; text-align: center; background-image: url(../images/cover-page-tang-4.png); background-repeat: no-repeat; }
.church .reputation .items { width: 145px; margin-left: 30px; padding-left: 30px; padding-top: 20px; padding-bottom: 20px; border-left: 1px solid #fff; font-size: 12px; }
.church .reputation .items a { line-height: 27px; color: #333; text-indent: 10px; background-image: url(../images/cover-page-point.png); background-repeat: no-repeat; background-position: left center; }
/*flink-service css*/
.flink-service .flink { width: 900px; color: #333; border-right: 2px solid #E3E3E3; }
.flink-service .flink .list { padding-top: 5px; font-size: 12px; line-height: 25px; }
.flink-service .flink .list a { padding-right: 3px; font-size: 12px; color: #707070; }
.demos .service { width: 240px; float: left; margin-left: 20px; }
.demos .service b { display: block; margin-top: 10px; color: #333; }
.demos .service strong { float: left; margin-top: 10px; font-size: 18px; color: #FC726F; }
.demos .service a.service_kefu { float: left; padding-left: 26px; font-size: 12px; color: #92928F; background-image: url(../images/cover-page-service-2.png); background-repeat: no-repeat; background-position: left center; display: block; width: 80px; *width: 60px;
height: 20px; line-height: 20px; margin-top: 20px; margin-right: 10px; }

.fl{ float:left}

.text-left{ text-align:left !important}
.wfs {
    width: 100%;
}
.content img{ max-width:100%; height:auto!important}
.content_page li{ display:inline-block; background:#fff; padding:5px 10px}
.demos1 { margin-top: 20px; padding-top: 15px; padding-bottom: 10px; border-top: 1px solid #DFDFDF; }
.demos1 dl { width: 220px; *width: 215px;
margin: 10px; padding-right: 0px; border-right: 2px solid #E3E3E3; }
.demos1 a { color: #333; }
.demos1 dd { position: relative; float: left; padding-top: 5px; }
.demos1 dd a { float: left; margin-right: 20px; font-size: 12px; line-height: 25px; color: #606060; }
.demos1 dd a:hover { color: #ef353d; }
.demos1 dd.miscro-channel span { float: left; font-size: 12px; line-height: 25px; color: #606060; }
.demos1 dd.flow-us a { padding-left: 20px; *width: 80px;
background-repeat: no-repeat; background-position: left center; }
.demos1 dd.flow-us a.sina-blog { background-image: url(../images/sina-blog.png); }
.demos1 dd.flow-us a.tecent-blog { background-image: url(../images/tecent-blog.png); }
.demos1 dd.flow-us a.app { width: 110px; background-image: url(../images/app.png); }
.demos1 dd.miscro-channel img { position: absolute; left: 118px; top: -20px; }


.box{ width:49%; float:left; margin-right:2%}
.box ul li a{ font-size:16px; color:#000;}
.box li p{ padding-top:10px; color:#999; font-size:12px; }
.box li { padding:10px 0; border-bottom:#ccc dashed 1px;}
.box li em{ background:#bbb; display:inline-block; margin-top:5px; color:#fff; padding:0 10px; font-style:normal; font-size:12px; font-weight:bold}
.b2{ margin-right:0; float:right}


/* gallery */
.zoomed > .gallery{-webkit-filter:blur(3px);filter:blur(3px);}
.gallery{margin:20px auto;}
.gallery li{float:left;margin:13px; width:120px; height:120px;}
.gallery li:nth-child(6n){padding-right:0;}
.gallery li a,.gallery li img{float:left;}
.gallery li img{ width:100%; height:120px; border:#ccc solid 1px;}
.weizhi { font-size:12px; font-family:"宋体";}
.weizhi li{  display:inline-block; padding:15px 0  ; }
.weizhi li:after{ content:">"; display:inline-block; padding:0 2px }
.weizhi li a{ font-size:12px; color:#666}
.title{ padding:2%;background:#fff; }
.title h1{ font-size:18px; border-bottom:#ccc solid 1px; padding-bottom:15px; margin-bottom:5px;  font-weight:normal}
.title b{ width:32%; float:left} .title li em{ display:inline-block; width:30px;}
.title li{ color:#666; padding:10px 0;}.title li{ padding:10px 0; border-bottom:#ccc dashed 1px;}.title li font{ font-weight:bold}
.title span{ width:68%; float:left}
.gallery{ padding:1%; background:#fff;}
.btns{ padding:10px 30px; margin-top:20px; display:inline-block; color:#fff; }
.btn1{ background:#C00}.btn2{ background:#F60}
.green{ color:#3C3;}
.gallery p{ padding:10px}
.ppp{ font-size:18px; padding-bottom:10px; border-bottom:#ddd solid 1px; margin-bottom:10px}
.content{ padding:2%; background:#fff}

.dl i{ font-style:normal}
.dl  .fl{ float:none }
.h20{ display:block; height:20px;}
.newslist li{ padding:10px ; border-bottom:#ccc dashed 1px; background:#fff; position:relative}
 .newslist p{ color:#999; padding-top:5px;}
 .newslist span{ position:absolute; right:10px; top:10px; font-size:12px; color:#999}
 .newslist li a { font-size:18px; color:#000;}
 .content_page{ text-align:center; padding:30px 0}
 
 .footer span{ width:140px; display:inline-block; margin:0 10px}
@media only screen and (max-width:768px){.title b{ display:none}
.gallery{ margin-top:2px !important}.logo h2{ font-size:15px;padding:10px}.logo img{ width:50px; }.btns{ padding:4px 20px}
.waiter-ul li,.waiter-ul li a{ line-height:40px!important; width:40px!important; height:40px!important}.wuyou-waiter{ width:40px!important; margin-top:0!important} 
.prolist li img{ height:150px; }
.prolist li div{ padding:0}
.prolist li{ padding-bottom:5px}
.prolist li span{ padding:0}
.prolist li b{ font-size:12px; padding-bottom:0} 
.prolist li em{ font-size:11px}
.weizhi{ display:none}
.last { font-size:12px;}
#listtag>a, #listtag>span{ margin:2px 1px; font-size:12px; padding:1px 2px}
.menu ul{ display:flex; }.search{ margin:0; display:none}
.menu ul li:first-child{ display:none}.menu li a{ font-size:13px;}
.prolist li span,.prolist li p{ height:14px; overflow:hidden}
.prolist ul{ margin:0}
.prolist li span font{ padding-right:5px}.prolist li span{ font-size:10px}
.menu{ margin:0; background:#000}
 .prolist li{ width:46%; margin:2%}.top_left a{ float:left; width:49%; margin:0.5%; padding:10px 0; text-align:center; font-size:12px;}
 body,.center,.menu,.box,#banner,.top_left{ max-width:100%; width:100%}.title li{ font-size:12px;} .gallery li{ margin:5px}
 .gallery li,.gallery li img{ width:70px; height:70px}.btns{ margin-top:5px;}
 .title b,.title span{ float:none; width:100%} .title b img{ width:100%}
 #banner{ height:150px; margin:0}.top_right{ width:95%; padding:2.5%}
 .box{ width:98%; margin:1%}#banner .d1{ background-size:cover !important}#banner .d1{ height:100%}
}
